<template>
  <el-breadcrumb separator-class="el-icon-arrow-right">
    <el-breadcrumb-item v-for="item in breadcrumbList" :key="item.path">{{
      item.meta.title
    }}</el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>
export default {
  name: "Breadcrumb",
  computed: {
    breadcrumbList() {
      return this.$route.matched;
    },
  },
  mounted() {
    // console.log(this.$route);
  },
};
</script>

<style scoped>
.el-breadcrumb {
  color: #fff;
}
</style>